<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			@import url("//unpkg.com/element-ui@2.0.8/lib/theme-chalk/index.css");
			.el-carousel__item h3 {
				color: #475669;
				font-size: 14px;
				opacity: 0.75;
				line-height: 200px;
				margin: 0;
			}
			
			/*.el-carousel__item:nth-child(2n) {
				background: url(img/Bugatti.jpg) no-repeat center;
			}
			
			.el-carousel__item:nth-child(2n+1) {
				background-color: #d3dce6;
			}*/
		</style>
	</head>

	<body>
		<script src="//unpkg.com/vue/dist/vue.js"></script>
		<script src="//unpkg.com/element-ui@2.0.8/lib/index.js"></script>
		<div id="app">
			<template>
				<el-carousel :interval="4000" 
					v-on:change="say"
					type="card" height="500px" style="width:960px; line-height: 500px;
					text-align: center; margin: 0 auto;">
					<el-carousel-item>
						<img width="254px" height="254px" align="center" src="images/team-img-2.png" />
					</el-carousel-item>
					<el-carousel-item>
						<img width="254px" height="254px" align="center" src="images/team-img-1.png" />
					</el-carousel-item>
					<el-carousel-item>
						<img width="254px" height="254px" align="center" src="images/team-img-3.png" />
					</el-carousel-item>
				</el-carousel>
			</template>
		</div>
		<script>
			new Vue({
  el: '#app',
  methods: {
    say: function (i) {
    	console.log(i);
        
    }
  }
})
		</script>
	</body>

</html>